<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>我的首页 微博-随时随地发现新鲜事</title>
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../css/header.css">
	<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../css/photo.css">
</head>
<body>
	<div class="container">
		<div class="header">
			<div class="navbar">
				<a href="" class="clearfix"><span class="logo"></span></a>
				<div class="search">
					<input type="text" name="search_list" list="search_list" placeholder="大家正在搜：着急取餐 撞碎商家玻璃门">
					<div class="search_xiala">
						<ul class="hot">
							<li><a href="">查看完整热搜榜<<</a></li>
							<li>
								<a href=""><div class="one">1</div>南方姑娘第一次到北方婆家过冬</a>
							</li>
							<li>
								<a href=""><div class="two">2</div>周周妹儿</a>
							</li>
							<li>
								<a href=""><div class="three">3</div>这个公主抱我给满分</a>
							</li>
							<li>
								<a href=""><div class="four">4</div>周杰伦晒昆凌美照</a>
							</li>
							<li>
								<a href=""><div class="five">5</div>张翰发言</a>
							</li>
							<li>
								<a href=""><div class="six">6</div>偶遇陈晓陈妍希</a>
							</li>
							<li>
								<a href=""><div class="seven">7</div>中国女生入境美国答错问题</a>
							</li>
							<li>
								<a href=""><div class="eight">8</div>睡吧醒醒 走啊等等</a>
							</li>
							<li>
								<a href=""><div class="nine">9</div>不要在宿舍睡太死</a>
							</li>
							<li>
								<a href=""><div class="ten">10</div>jasper向应采儿介绍小泡芙</a>
							</li>
						</ul>
					</div>
					<i class="fa fa-search"></i>
				</div>
				<div class="nav_icon">
					<a href="">
						<em class="fa fa-home"></em>
						<span>首页</span>
					</a>
					<a href="">
						<em class="fa fa-play-circle-o"></em>
						<span>视频</span>
					</a>
					<a href="">
						<em class="fa fa-location-arrow"></em>
						<span>发现</span>
					</a>
					<a href="">
						<em class="fa fa-gamepad"></em>
						<span>游戏</span>
					</a>
					<a href="">
						<em class="fa fa-user-o"></em>
						<span>拉拉阿拉拉了</span>
					</a>
				</div>
				<div class="nav_more">
					<div class="first">
						<em class="fa fa-envelope-o"></em>
						<div class="message">
							<div class="cover"></div>
							<ul>
								<li><a href="">@我的</a></li>
								<li><a href="">评论</a></li>
								<li><a href="">赞</a></li>
								<li><a href="">私信</a></li>
								<li><a href="">未关注人私信</a></li>
								<li><a href="">群通知</a></li>
								<li><a href="">消息设置</a></li>
							</ul>
						</div>
					</div>
					<div class="second">
						<em class="fa fa-cog"></em>
						<div class="set">
							<div class="cover"></div>
							<ul>
								<li><a href="">账号设置</a></li>
								<li><a href="">会员中心</a></li>
								<li><a href="">V认证</a></li>
								<li><a href="">账号安全</a></li>
								<li><a href="">隐私设置</a></li>
								<li><a href="">屏蔽设置</a></li>
								<li><a href="">消息设置</a></li>
								<li><a href="">帮助中心</a></li>
							</ul>
						</div>
					</div>
					<div>
						<em class="fa fa-sticky-note" title="试一下键盘N键?"></em>
					</div>
				</div>	
			</div>
		</div>
		<div class="content clearfix">

			<div class="Info_top">
				<div class="top_bk">
					<div class="head_p">
						<img class="top_img" src="../images/tx.jpg" alt="">
					</div>
					<h3>拉拉啊拉拉了</h3>
					<p>简介：唯一让故事圆满的办法，就是由你写下结局。</p>
				</div>
				<div class="top_nav">
					<div class="nav_box nav_home">
						<a href="../html/personalInfo.html">我的主页</a>
					</div>
					<div class="nav_box nav_photo">
						<a href="">我的相册</a>
					</div>
					<div class="nav_box nav_center">
						<a href="">管理中心</a>
					</div>
				</div>
			</div>
			<div class="photo">
				<div class="photo_nav">
					<a href="">照片墙</a>
					<a href="">视频</a>
					<a href="">我赞过的</a>
					<a href="">相册专辑</a>
					<div class="photo_div">
						<a class="photo_a" href=""><em class="fa fa-picture-o"></em>上传图片</a>
					</div>
				</div>
				<div class="photo_video">
					<div class="video_one">
						<p>2016年6月</p>
						<img src="../images/Info.jpg" alt="">
						<img src="../images/Info2.jpg" alt="">
						<img src="../images/Info3.jpeg" alt="">
					</div>
					<div class="video_one">
						<p>2017年12月</p>
						<img src="../images/Info4.jpg" alt="">
						<img src="../images/Info5.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="whi">
				<div class="footer_top">
					<div class="list">
						<div class="list_one">
							<ul>
								<li>微博精彩</li>
								<li class="li"><a href="">热门微博</a><a href="">热门话题</a></li>
								<li><a href="">名人堂</a><a href="">微博会员</a></li>
								<li><a href="">微相册</a><a href="">微游戏</a></li>
								<li><a href="">热指数</a></li>
							</ul>
						</div>
					</div>
					<div class="list">
						<div class="list_two">
							<ul>
								<li>手机玩微博</li>
								<li class="li_2"><img src="../images/footer_code.jpg" alt=""><a href="">
									扫描下载,更多版本<br />戳这里</a></li>
							</ul>
						</div>
					</div>
					<div class="list">
						<div class="list_three">
							<ul>
								<li>认证&合作</li>
								<li><a href="">申请认证</a><a href="">链接网站</a></li>
								<li><a href="">企业微博</a><a href="">广告服务</a></li>
								<li><a href="">微博标识</a><a href="">广告代理商</a></li>
								<li><a href="">开放平台</a></li>
							</ul>
						</div>
					</div>
					<div class="list">
						<div class="list_four">
							<ul>
								<li>微博帮助</li>
								<li><a href="">常见问题</a></li>
								<li><a href="">自助服务</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<div class="footer_under">
				<p class="under_one">
					<a class="weibo" href="">微博客服</a>
					<span>客服热线400-960-960</span>
					<a href="">意见反馈</a>
					<a href="">舞弊举报</a>
					<a href="">About weibo</a>
					<a href="">开放平台</a>
					<a href="">微博招聘</a>
					<a href="">新浪网导航</a>
					<a href="">举报处理大厅</a>
					<select name="" id="under_select">
						<option value="">中文（简体）</option>
						<option value="">中文（繁体）</option>
						<option value="">English</option>
					</select>
				</p>
				<p class="under_two">
					<a href="">京ICP证100780号</a>
					<a href="">互联网药品服务许可证</a>
					<a href="">京网文[2014]2046-296号</a>
					<a href="">京ICP备12002058</a>
					<a href="">增值电信业务经营许可证B2-20140447</a>
					<a href="">乙测资字1111805</a>
				</p>
				<p class="under_three">
					<a href="">广播电视节目制作经营许可证（京）字第04005号</a>
					<span>Copyright&copy;2009-2017WEIBO 北京微梦创科网络技术有限公司</span>
					<a class="jing" href="">京公网安备11000002000019号</a>
				</p>
			</div>
		</div>
	</div>
</body>
</html>